<!doctype html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="Generator" content="EditPlus®">
	<meta name="Author" content="">
	<meta name="Keywords" content="">
	<meta name="Description" content="">
	<title>图片放大镜效果</title>
	<link rel="stylesheet" href="css/demo.css" />
</head>

<body>
	<div id="Tz_wrap">
		<div id="Tz_magnify">
			<div class="simg">
				<img src="images/big1.jpg" width="400" height="400" border="0" alt="美女">
				<!-- <img src="images/sprite-magnify.png" width="30" height="30" border="0" alt="放大镜"> -->
				<div class="mov"></div>
			</div>
			<div class="bigimg">
				<img src="images/big1.jpg" width="800" height="800" border="0" alt="大美女">
			</div>
		</div>
		<div class="series">
			<div class="show">
				<ul class="cont">
					<li class="hover">
						<img src="images/1.jpg" width="50" height="50" border="0" alt="" bigimages="images/big1.jpg" />
					</li>
					<li>
						<img src="images/2.jpg" width="50" height="50" border="0" alt="" bigimages="images/big2.jpg" />
					</li>
					<li>
						<img src="images/3.jpg" width="50" height="50" border="0" alt="" bigimages="images/big3.jpg" />
					</li>
					<li>
						<img src="images/4.jpg" width="50" height="50" border="0" alt="" bigimages="images/big4.jpg" />
					</li>
					<li>
						<img src="images/5.jpg" width="50" height="50" border="0" alt="" bigimages="images/big5.jpg" />
					</li>
					<li>
						<img src="images/6.jpg" width="50" height="50" border="0" alt="" bigimages="images/big6.jpg" />
					</li>
				</ul>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="js/demo.js"></script>
</body>

</html>